<!-- Tpv zhongxiang.huang 20190101,modify GUI -->
<div class="modal fade tpv-modal" id="meeting-detail" data-keyboard="false" data-backdrop="static" tabindex="-1">
    <div class="modal-dialog modal-lg tpv-modal-dialog-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title pull-left">[[#{meeting.detail}]]<span id="meeting-detail-name"></span></h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" >
                <form>
                    <div class="row">
                        <div class="col-sm-6" >
                            <div class="input-group row tpv-span-font" style="margin-bottom: 20px;margin-top: 0px;font-size: 24px">
                            	<span >[[#{meeting.info}]]</span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.sponsor}]]：</span>
                                <span id="meeting-detail-originator" class="tpv-single-line"></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.topic}]]：</span>
                                <span id="meeting-detail-topic" class="tpv-single-line"></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.time}]]：</span>
                                <span id="meeting-detail-time"></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.content}]]：</span>
                                <span id="meeting-detail-content" class="tpv-multi-line" ></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.members}]]：</span>
                                <span id="meeting-detail-members" class="tpv-multi-line" ></span>
                            </div>
                        </div>
                        <HR style="height: 360px; width: 1px;margin-right: 16px" align="center" color="#B8BFD8" SIZE="1">
                        <div class="col-sm-5" >
                            <div class="input-group row tpv-span-font" style="margin-bottom: 20px;margin-top: 0px;font-size: 24px">
                            	<span >[[#{meeting.join.info}]]</span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.id}]]：</span>
                                <span id="meeting-detail-id"></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.password}]]：</span>
                                <span id="meeting-detail-password"></span>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.link}]]：</span>
                                <a id="meeting-detail-url" style="color: #337ab7" target="view_window"></a>
                            </div>
                            <div class="input-group row tpv-span-font">
                                <span >[[#{meeting.qrcode}]]：</span>
                                <img id="meeting-detail-qrcode" style="width: 168px;height: 168px" src=""/>
                            </div>
                            <div class="input-group row  tpv-span-font">
                                <span >[[#{meeting.invitation}]]：</span>
                                <div class="copyBtn" data-clipboard-text=""  title="点击复制邀请链接" style="cursor:pointer;margin-left: 10px" >
                                	<img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_copyurl.png">
                                    <!-- <span class="zmdi-hc-stack zmdi-hc-lg" style="color:#03a9f4;">
                                      <i class="zmdi zmdi-circle zmdi-hc-stack-2x"></i>
                                      <i class="zmdi zmdi-link zmdi-hc-stack-1x zmdi-hc-inverse"></i>
                                    </span> -->
                                </div>
                                <div class="copyTxtBtn" title="点击复制邀请文本" style="cursor:pointer;margin-left: 10px" onclick="copyMeetingTxt($('#meeting-detail'));">
                                    <img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_copy.png">
                                    <!-- <span class="zmdi-hc-stack zmdi-hc-lg" style="color:#32c787;">
                                      <i class="zmdi zmdi-circle zmdi-hc-stack-2x"></i>
                                      <i class="zmdi zmdi-copy zmdi-hc-stack-1x zmdi-hc-inverse"></i>
                                    </span> -->
                                </div>
                                <!-- Tpv zhongxiang.huang 20181226,add by zhongxiang.huang-------start -->
                                <div class="wechartInviteBtn" title="点击微信邀请" style="cursor:pointer;margin-left: 10px" onclick="wechartInviteMetting($('#meeting-detail'));">
                                	<img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_wechat.png">
                                    <!-- <span class="zmdi-hc-stack zmdi-hc-lg" style="color:#32c787;">
                                      <i class="zmdi zmdi-circle zmdi-hc-stack-2x"></i>
                                      <i class="zmdi zmdi-copy zmdi-hc-stack-1x zmdi-hc-inverse"></i>
                                    </span> -->
                                </div>
                                <div class="emailInviteBtn" title="点击邮件邀请" style="cursor:pointer;margin-left: 10px" onclick="emailInviteMetting($('#meeting-detail'));">
                                    <img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_mail.png">
                                    <!-- <span class="zmdi-hc-stack zmdi-hc-lg" style="color:#03a9f4;">
                                      <i class="zmdi zmdi-circle zmdi-hc-stack-2x"></i>
                                      <i class="zmdi zmdi-email zmdi-hc-stack-1x zmdi-hc-inverse"></i>
                                    </span> -->
                                </div>
                                <!-- Tpv zhongxiang.huang 20181226,add by zhongxiang.huang-------end -->
                            </div>
                        </div>
                    </div>
                </form>
                <div style="text-align: center;padding-top: 20px;padding-bottom: 20px">
                    <button type="button" class="btn tpv-btn-primary" id="meeting-detail-reopen" style="width: 188px; height: 42px; margin-right: 30px;">[[#{meeting.reopen}]]</button>
                    <button type="button" class="btn tpv-btn-primary" id="meeting-detail-reschedule" style="width: 188px; height: 42px; margin-right: 30px;" >[[#{meeting.reschedule}]]</button>
                    <button type="button" class="btn tpv-btn-primary" id="meeting-detail-join-attendee" style="width: 188px; height: 42px; margin-right: 30px;">[[#{meeting.join}]]</button>
                    <button type="button" class="btn tpv-btn-primary" id="meeting-detail-join-moderator" style="width: 188px; height: 42px; margin-right: 30px;" >[[#{meeting.host}]]</button>
                    <button type="button" class="btn tpv-btn-primary" id="meeting-detail-end" style="width: 188px; height: 42px;" >[[#{meeting.end}]]</button>
                </div>
            </div>
             <div class="modal-footer">
                <!-- <button type="button" class="btn btn-close tpv-btn-primary" id="meeting-invite-button" name="save">[[#{confirm}]]</button> -->
                <button class="btn-hide"></button>
            </div> 
        </div>
    </div>
</div>

<script data-th-src="@{js/app/vc/meeting/meetingDetail.js(t=${version})}"></script>